@charset "utf-8";

/*
 * Overview: Reset & Function & Global
 * Site: http://f2e.adee.cn
 */

/** Reset **/
a, blockquote, button, body, code, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, hr, html, i, input, iframe, img, label, li, legend, object, ol, p, pre, small, span, strong, sub, sup, table, tbody, td, th, thead, tr, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark { display: block; margin: 0; padding: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
time { display: inline; }
mark { color: #333; background: #ff0; }
html { color: #333; background-color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
b, strong { font-weight: 700; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: Tahoma, Arial; }
small { font-size: 80%; }
ul, ol, li { list-style: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a:active { color: #333; text-decoration: none; }
sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
legend { color: #333; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, button, textarea, select { font-size: 100%\9; }
pre { white-space: pre-wrap; word-wrap: break-word; }
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
th { text-align: inherit; }
fieldset, img { border: 0; }
a img {  border-width: 0; vertical-align: top; }
iframe { display: block; }
del { text-decoration: line-through; }

@font-face { 
font-family: 'Helvetica'; 
src: url('../fonts/HelveticaNeueLTPro-ThEx.otf');
}
.indexLayer{position: fixed; z-index: 10000; left: -100%; top: 0; width: 100%; height: 100%; background:#666;}
.indexLayer.show{left: 0;}
.indexLayer .container{width: 1033px; min-height: 600px; background:#FFFFE8  ; position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -516px;}
.indexLayer h2{height: 80px; line-height: 80px; font-size: 24px; background: #00a0e9 url("../image/img44.png") 50px center no-repeat; color: #fff; padding-left: 113px;}
.indexLayer .scroll2{height: 420px; overflow: hidden; position: relative;}
.indexLayer .content{padding: 30px 50px 15px 50px; text-align: justify; font-size: 14px; line-height: 24px; color: #666;}

.indexLayer .btn{border-top: #e1e1e1 solid 1px; height: 70px;}
.indexLayer .btn a{display: block; width: 500px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; color: #666; font-weight: bold; float: left;}
.indexLayer .btn a.a1{color: #09A5D2; border-right: #e1e1e1 solid 1px;}
.indexLayer .btn a.a1.on{color: #00a1e8;}

/** Function **/
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clear { zoom: 1; }
.fn-clearfix { visibility: hidden; clear: both; }
.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }


/** Golbal **/

.wrap { min-width: 1320px; width: 100%; overflow: hidden; position: relative; }
.width { width: 69%; min-width: 1150px; margin-left: auto; margin-right: auto; }

/* Header */
.header { min-width: 1320px; height: 87px; overflow: hidden; }
.header .width { padding-left: 80px; width: 1240px; min-width: 0; }

/* logo */
.header .logo { float: left; width: 202px; height: 73px; margin-top: 8px; }
.header .logo a { display: block; width: 202px; height: 73px; }
.header .logo a:hover { opacity: 0.8; }

/* nav */
.nav-wrap { float: right; overflow: hidden; position: relative; padding-right: 200px; }
.nav { float: left; }
.nav dd { display: inline-block; *display: inline; *zoom: 1; }
.nav dd a { font-size: 18px; padding: 0 16px; height: 86px; line-height: 86px; }
.nav dd a:hover { text-decoration: none; color: #ff8d16; }

/* .search-wrap */
.search-wrap { float: right; width: 180px; overflow: hidden; position: absolute; right: 0; top: 0; }
.search-wrap a { margin-top: 32px; margin-right: 14px; *float: left; display: inline-block; *display: inline; *zoom: 1; }

.search { float: right; cursor: pointer; position: relative; z-index: 100; }
.search-btn { height: 57px; cursor: pointer; width: 68px; text-align: center; display: block; padding-top: 30px; background-color: /* #28a8d6 chunjie-red */ #28a8d6;  }

.search-bar { position: absolute; width: 450px; height: 87px; right: -450px; top: 0; z-index: 500; opacity: 0; z-index: 200; }
.search-bar span { display: block; float: right; margin-top: 10px; cursor: pointer; }

.fix-search { position: relative; width: 450px; height: 87px; transition: 1s; overflow: hidden; }
.fix-search input { position: absolute; left: 0px; top: 25px; background: #fff; border: 1px solid #ccc; border-radius: 18px; color: #000; width: 335px; padding-left: 25px; height: 36px; line-height: 36px; outline: none; display: inline-block; *display: inline; *zoom: 1; }
.fix-search .home-search-sub { left: auto; right: 15px; padding-left: 0; top: 22px; cursor: pointer; width: 40px; height: 40px; border: none; outline: none; background: none; /* background: url(../images/search-bull.png); line-height: 40px; */ }

.icon-more { position: absolute; top: 32px; right: 0; opacity: 0; display: block; text-indent: 24px; width: 0; overflow: hidden; height: 24px; line-height: 24px; border-radius: 12px; background-color:  /* #28a8d6 chunjie-red */ #28a8d6; color: #fff; cursor: pointer; }
.icon-more a { color: #fff; text-decoration: none; }
.phone-number { right: 115px; /* width: 120px; */ z-index: 200; background:  /* #28a8d6 chunjie-red */ #28a8d6 url(../images/phone.png) 0px center no-repeat; }
.email { right: 156px; /* width: 180px; */ z-index: 100; text-indent: 28px; background:  /* #28a8d6 chunjie-red */ #28a8d6; url(../images/email.png) 36px 1px no-repeat; text-indent: 60px; }

/* Footer */
.footer { width: 100%; height: 761px; min-width: 1320px; overflow: hidden; background-color: #34383b; position: relative; z-index: 100; }
.footer .width { min-width: 1074px; width: 1074px; /* padding-right: 246px; */ }

.footer-left { width: 278px; }
.footer-left h3 { color: #48ade7; font-size: 16px; font-family: Arial; display: block; margin-top: 6px; }
.footer-left h2 { color: #ededed; font-size: 16px; display: block; margin-top: 2px; }
.footer-left h2 i { width: 20px; height: 2px; display: block; background-color: #fff; }
.footer-left h2 span { display: block; margin-top: 10px; }
.footer-left .ewm { width: 100%; overflow: hidden; margin-top: 18px; margin-bottom: 20px; }
.footer-left .ewm img {  margin-right: 25px; }
.footer-left .ewm p { float: left; margin-top: 10px; font-size: 14px; color: #fafafa; line-height: 18px; }

.footer-right { border-left: 1px solid #4e4f56; margin-top: 38px; height: 205px; }
.footer-right dl { float: left; margin-left: 40px; }
.footer-right dl dt { margin-bottom: 10px; }
.footer-right dl dt a { font-size: 14px; line-height: 20px; }
.footer-right dl dt i { width: 10px; height: 1px; background-color: #fff; float: left; margin-top: 10px; margin-right: 5px; }
.footer-right dl dd { line-height: 30px; padding-left: 15px; }
.footer-right dl a { color: #bebebe; font-size: 12px; }

.footer-bar { width: 100%; border-top: 1px solid #3d4043; color: #bebebe; height: 62px; overflow: hidden; line-height: 58px; }
.bar-link-wrap { width: 610px; }
.bar-link-wrap span { float: left; display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; }
.bar-link-wrap a { color: #bebebe; }
.bar-link { float: right; }
.bar-link li { display: inline-block; *display: inline; *zoom: 1; *margin: 0 1px; }
.bar-link li a { color: #bebebe; }
.footer a:hover { text-decoration: none; color: #ccc; }



@media screen and (max-width: 1350px) {

  .header .width { padding: 0; width: 1074px; }

  .wrap { min-width: 1074px; }
  .nav-wrap { padding-right: 160px; }
  .nav dd a { padding: 0 10px; font-size: 16px; }
  .header,
  .width { width: 100%; min-width: 1074px; }
  .search-wrap { width: 160px; }

  .width { margin: 0 auto; }
  .footer { min-width: 1074px; }
  .footer .width { min-width: 0; width: 1074px; padding: 0; }

}